<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib  prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="redis" uri="http://www.shopjsp.com/redisTag/functions" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="basePath" value="${redis:getSysConfig('base_path_back')}"/>
<script type="text/javascript">
    /**
     * 自定义验证规则
     */
    function validateForm(){
        form.bootstrapValidator({
            message: "无效的值",
            feedbackIcons: {
                valid: "glyphicon glyphicon-ok",
                invalid: "glyphicon glyphicon-remove",
                validating: "glyphicon glyphicon-refresh"
            },
            fields: {
                statisticsName: {
                    validators: {
                        notEmpty: {message: "名称不可为空"},
                        stringLength: {max: 20,message: "名称最大长度为20"},
                        regexp: {
                            regexp: validateUtil.chinese,
                            message: '名称为汉字'
                        }
                    }
                },
                statisticsCode: {
                    validators: {
                        notEmpty: {message: "名称编码不可为空"},
                        stringLength: {min: 2,max: 10,message: "名称编码长度为2至10"},
                        numeric: {
                            message: '只能输入数字'
                        }
                    }
                },
                statisticsNum: {
                    validators: {
                        notEmpty: {message: "展示内容不可为空"},
                        stringLength: {min: 2,max: 20,message: "展示内容长度为2至20"}
                    }
                },
                statisticColor: {
                    validators: {
                        notEmpty: {message: "背景颜色不可为空"},
                        stringLength: {min: 5,max: 5,message: "背景颜色长度为5位"}
                    }
                },
                sortCode: {
                    validators: {
                        notEmpty: {message: "排序不可为空"},
                        stringLength: {max: 4,message: "排序最大长度为4"},
                        numeric: {
                            message: '只能输入数字'
                        }
                    }
                },
                statisticsUrl: {
                    validators: {
                        notEmpty: {message: "链接不可为空"},
                        stringLength: {max: 200,message: "链接最大长度为200"},
                        regexp: {
                            regexp: validateUtil.webUrl,
                            message: '请输入有效的网址'
                        }
                    }
                }
            }
        });
    }

    /**
     * 添加系统欢迎页信息
     */
	<shiro:hasPermission name="back_gotoStatisticsPage_add">
		function addInfo(){
			$("#myModalLabel").empty().text("添加系统欢迎页信息");
			/**清空隐藏域的值**/
			$("#statisticsId").val("");
			resetAddForm();
		}
	</shiro:hasPermission>

    /**
     * 编辑系统欢迎页信息
     */
	<shiro:hasPermission name="back_gotoStatisticsPage_update">
		function editInfo(){
			$("#myModalLabel").empty().text("修改系统欢迎页信息");
			/**获取选中行的id**/
			var selectedRow= $("#tt").bootstrapTable('getSelections');
			if(selectedRow.length==1){
				var id=selectedRow[0].statisticsId;
				$("#btn_edit").attr("data-target","#addOrEditModal");/**选中了记录后才可打开对应的模态框**/
				$.ajax({
					type: "POST",
					dataType: "JSON",
					url: "${basePath}/back/statistics/getStatisticsInfo.sjson",
					data: {statisticsId:id},
					success: function(result){
						var data = JSON.parse(result.data);
						/**隐藏域**/
						$("#statisticsId").val(data.statisticsId);
						/**可见表单控件**/
						$("#statisticsType").val(data.statisticsType);
						$("#statisticsName").val(data.statisticsName);
						$("#statisticsCode").val(data.statisticsCode);
						$("#statisticsNum").val(data.statisticsNum);
						$("#statisticsUrl").val(data.statisticsUrl);
						$("#statisticColor").val(data.statisticColor);
						$("#updateTime").val(data.updateTime);
						$("#sortCode").val(data.sortCode);
						$("#isShow_"+data.isShow).attr("checked",true);
					}
				});
			}else{
				$("#btn_edit").attr("data-target", "");/**没有选中记录不可打开模态框**/
				showMsg("请选择一行记录！");
			}
		}
    </shiro:hasPermission>
</script>

<!--添加编辑模态框（Modal） -->
<div class="modal fade" id="addOrEditModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" >
	<div class="modal-dialog" style="width:70%">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h5 class="modal-title" id="myModalLabel"></h5>
			</div>
			<div class="modal-body">
				<form id="form1" method="post" action="${basePath}/back/statistics/saveOrUpdateStatistics.sjson">
					<input id="statisticsId" type="hidden" name="statisticsId" noclear="true"/>
					<table align="center" class="addOrEditTable table-bordered table" style="width:100%;">
						<tr>
							<td class="toright_td" width="150px"><span style="color:red">* </span>模块类型:&nbsp;&nbsp;</td>
							<td class="toleft_td">
								<div class="form-group">
									<select id="statisticsType" name="statisticsType" style="width:30%;" class="form-control input-sm">
										<option value="">请选择</option>
										<c:forEach items="${redis:getBasicKeyBook('statisticsType')}" var="kb">
											<option value="${kb.value}">${kb.name}</option>
										</c:forEach>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td class="toright_td" width="150px"><span style="color:red">* </span>名称:&nbsp;&nbsp;</td>
							<td class="toleft_td">
								<div class="form-group">
									<input type="text" class="form-control input-sm" id="statisticsName" name="statisticsName" placeholder="请输入名称"/>
								</div>
							</td>
						</tr>
						<tr>
							<td class="toright_td" width="150px"><span style="color:red">* </span>名称编码:&nbsp;&nbsp;</td>
							<td class="toleft_td">
								<div class="form-group">
									<input type="text" class="form-control input-sm" id="statisticsCode" name="statisticsCode" placeholder="请输入名称编码"/>
								</div>
							</td>
						</tr>
						<tr>
							<td class="toright_td" width="150px"><span style="color:red">* </span>展示内容:&nbsp;&nbsp;</td>
							<td class="toleft_td">
								<div class="form-group">
									<input type="text" class="form-control input-sm" id="statisticsNum" name="statisticsNum" placeholder="请输入展示内容"/>
								</div>
							</td>
						</tr>
						<tr>
							<td class="toright_td" width="150px"><span style="color:red">* </span>背景颜色:&nbsp;&nbsp;</td>
							<td class="toleft_td">
								<div class="form-group">
									<input type="text" class="form-control input-sm" id="statisticColor" name="statisticColor" placeholder="请输入背景颜色"/>
								</div>
							</td>
						</tr>
						<tr>
							<td class="toright_td" width="150px"><span style="color:red">* </span>排序:&nbsp;&nbsp;</td>
							<td class="toleft_td">
								<div class="form-group">
									<input type="text" class="form-control input-sm" id="sortCode" name="sortCode" placeholder="请输入排序"/>
								</div>
							</td>
						</tr>
						<tr>
							<td class="toright_td" width="150px"><span style="color:red">* </span>是否显示:&nbsp;&nbsp;</td>
							<td class="toleft_td">
								<label class="checkbox-inline">
									<input type="radio" name="isShow" id="isShow_0" class="radioInput" value="0" checked="checked">&nbsp;未显示
								</label>
								<label class="checkbox-inline">
									<input type="radio" name="isShow" id="isShow_1" class="radioInput" value="1">&nbsp;已显示
								</label>
							</td>
						</tr>
						<tr>
							<td class="toright_td" width="150px"><span style="color:red">* </span>链接:&nbsp;&nbsp;</td>
							<td class="toleft_td">
								<div class="form-group">
									<input type="text" class="form-control input-sm" id="statisticsUrl" name="statisticsUrl" placeholder="请输入链接"/>
								</div>
							</td>
						</tr>
					</table>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" id="validateBtn" class="btn btn-primary" onclick="submitForm()">保存</button>
				<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
